// components/firstComponent/firstComponent.js
const app = getApp();
Component({
  /* 
  
   */
  options:{
    //"styleIsolation":"isolated", //样式隔离
    "addGlobalClass":true, //用全局样式
    "multipleSlots":true
  },
  /**
   * 组件的属性列表
   */
  properties: {
    tabData:{
      type:Array,
      default:[]
    }
  },
  /**
   * 
   */
  attached(){
    let tmpData = []
    this.properties.tabData.forEach((item,i)=>{
      let tmpItem = app.globalData.extend(true,{},item)
      tmpData.push(tmpItem)
    });
    //
    this.setData({
      tabData2: tmpData
    })
  },
  /**
   * 组件的初始数据
   */
  data: {
    tabData2:[]
  },

  /**
   * 组件的方法列表
   */
  methods: {
    tabItem(e){
      let index = e.currentTarget.dataset.index;
      let tmpData = [];
      this.properties.tabData.forEach((item, i) => {
        let tmpItem = app.globalData.extend(true, {}, item)
        tmpItem.selected = false;
        (i === index) && (tmpItem.selected = true);
        tmpData.push(tmpItem)
      })
      //
      this.setData({
        tabData2: tmpData
      })
    }
  }
})
